<template>
  <div>
    <!-- <div v-for="(item, index) in list" :key="index">{{ item.CORP_NAME }}</div> -->
    <div class="container">
      <div v-swiper:mySwiper="swiperOption" class="swiper-container">
        <div class="swiper-wrapper">
          <div
            class="swiper-slide"
            style="background: url('/img/banner_0.jpg') center"
          ></div>
          <div
            class="swiper-slide"
            style="background: url('/img/banner_1.jpg') center"
          ></div>
          <div
            class="swiper-slide"
            style="background: url('/img/banner_2.jpg') center"
          ></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import { screenDataRightBottom } from "~/service/pageAjax";
// import axios from 'axios'
export default {
  data() {
    return {
      swiperOption: {
        paginationClickable: true,
        autoplay: 2000,
        speed: 1000,
        loop: true,
        observer: true,
        observeParents: true,
        autoplayDisableOnInteraction: false,
      },
    };
  },
  // async asyncData({ app }) {
  //   const res = await app.$axios.$get(
  //     "https://trail.anning.city/bigdataapi/dataoverview/rightbottom"
  //   );
  //   const list = res.data.last_product;
  //   return { list };
  // },
  methods: {},
  mounted() {},
};
</script>

<style>
.swiper-container {
  width: 100%;
  height: 520px;
  background-color: aquamarine;
}
</style>
